<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生成绩分析</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/vue.js"></script>
    <script src="js/echarts.js"></script>
    <script src="js/axios.js"></script>
<!--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
</head>
<body>
<!--顶部盒子-->
<!--<div class="top">-->
<!--    <div class="top_center">我国高校分布情况</div>-->
<!--</div>-->
<!--第一页中间部分的盒子-->
<div class="main_box">
    <div class="main_left">
        <div class="chartPart" style="margin-bottom: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>西北地区人均年收入</div>
            <div id="xibei" class="chart"></div>
            <script src="js/xibei.js"></script>
        </div>
        <div class="chartPart" style="margin-bottom: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>东北地区人均年收入</div>
            <div id="dongbei" class="chart"></div>
            <script src="js/dongbei.js"></script>
        </div>

        <div class="chartPart" style="margin-top: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>华北地区人均年收入</div>
            <div id="huabei" class="chart"></div>
            <script src="js/huabei.js"></script>
        </div>
    </div>

    <div class="main_center">
        <div class="chinaPart" >
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon2.png"/>城镇居民人均年收入（2021）</div>
            <div id="myMap1"></div>
        </div>
        <div class="chinaPart" style="margin-top: 1%;">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon2.png"/>农村居民人均年收入（2021）</div>
            <div id="myMap2"></div>
        </div>
    </div>

    <div class="main_right">
        <div class="chartPart" style="margin-bottom: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>华东地区人均年收入</div>
            <div id="huadong" class="chart"></div>
            <script src="js/huadong.js"></script>
        </div>
        <div class="chartPart" style="margin-bottom: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>中南地区人均年收入</div>
            <div id="zhongnan" class="chart"></div>
            <script src="js/zhongnan.js"></script>
        </div>
        <div class="chartPart" style="margin-top: 1.52%">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page1/icon6.png"/>西南地区人均年收入</div>
            <div id="xinan" class="chart"></div>
            <script src="js/xinan.js"></script>
        </div>
    </div>
</div>
<script src="js/china.js"></script>
<script src="js/getMap1.js"></script>
<script src="js/getMap2.js"></script>
</body>
</html>
